<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="keywords" content="">
		<title>众筹中原-提供您身边的万元股权投资项目</title>
		<link rel="stylesheet" href="/css/public.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/common.css" />
		<style>
			.popMain {
				height: 400px
			}
			
			.ltem_1 {
				position: relative;
				padding-bottom: 12px;
			}
			
			.ltem_1 input {
				border: 1px solid #909090 !important;
				outline: none !important;
				width: 380px;
				border-radius: 3px !important;
				padding: 10px 0 !important;
				line-height: 20px !important;
			}
			
			.ltem_1 label {
				/*position: absolute;
				left:90px;*/
			}
			
			.ltem_1 .list_head {
				width: 120px;
				display: inline-block;
				text-align: right;
				margin-right: 15px;
				font-size: 16px;
			}
			
			.ltem_1 select {
				width: 120px;
				font-size: 16px;
				font-weight: normal;
				padding: 5px 0;
				border-radius: 3px;
			}
			
			.head_img_up {
				width: 600px;
				text-align: center;
			}
			
			.head_img_up img {
				width: 130px;
				height: 130px;
				border-radius: 50%;
			}
			
			.upload_btn {
				border: none;
				width: 100px;
				height: 40px;
				color: #fff;
				font-size: 14px;
				line-height: 40px;
				position: relative;
				margin: 10px auto 40px auto;
				border-radius: 5px;
			}
			
			.upload_btn input {
				opacity: 0;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			#imghead {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
			}
			
			.yzm {
				font-size: 16px;
				color: #009F95;
				position: absolute;
				right: 180px;
				top: 8px;
			}
		</style>
	</head>

	<body>
		<!-- 头部 -->
		<header>
			<div class="center clearfix">
				<div class="rt_head">
					<span>
						<img src="images/head_call.png" alt=""> 官方咨询电话：
						<b>400-999-8235</b>
					</span>
					<span>
						<img src="images/head_scan.png" />微信公众号
					</span>
					<span>
						<a href="###">
							关于我们
						</a>
					</span>
				</div>
			</div>
		</header>
		<!-- 导航nav -->
		<nav>
			<div class="center" style="position: relative;">
				<a href="/index" class="logo"></a>
				<div class="nav_tab">
					<a href="/index">首页</a>
					<a href="productShow/">展示类项目</a>
					<a href="zczyItem/transactionalOne/">交易类项目</a>
					<a href="okProject">已成功项目</a>
					<a href="fundingCommunity">众筹社区</a>
				</div>
				<a href="sponsorFunding" class="gradient add_zc">
					+发起众筹
				</a>
				<div class="log_txt">
					<a href="/login">登录</a>|
					<a href="###">注册</a>
				</div>
			</div>
		</nav>
		<!-- 轮播 -->
		<div id="slideBox" class="slideBox">
			<div class="hd">
				<ul class="flex-control-nav">
					<li>1</li>
					<li>2</li>
				</ul>
			</div>
			<div class="bd">
				<ul>
					<li>
						<a href="###" target="_blank" style="background: url(images/banner1.png) no-repeat center;"></a>
					</li>
					<li>
						<a href="###" target="_blank" style="background: url(images/banner2.jpg) no-repeat center;"></a>
					</li>

				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>
		</div>
		<!-- 公告+数据 -->
		<div class="w_num">
			<div class="w_main">
				<div class="ptgg_left">
					<div class="txtScroll-top">
						<div class="hd"></div>
						<div class="bd">
							<i class="iconfont icon-tongzhimb"></i>
							<ul class="infoList">
								<li><span class="date">1/10</span>
									<a href="http://www.jd.com" target="_blank">第五次全国金融工作会议-互联网金融众筹那些事儿 </a>
								</li>
								<li><span class="date">2/10</span>
									<a href="http://www.jd.com" target="_blank">口语：会说中文就能说英语！</a>
								</li>
								<li><span class="date">3/10</span>
									<a href="http://www.jd.com" target="_blank">农场摘菜不如在线学外语好玩</a>
								</li>
								<li><span class="date">4/10</span>
									<a href="http://www.jd.com" target="_blank">数理化老师竟也看学习资料？</a>
								</li>
								<li><span class="date">5/10</span>
									<a href="http://www.jd.com" target="_blank">学英语送ipad2,45天突破听说</a>
								</li>
								<li><span class="date">6/10</span>
									<a href="http://www.jd.com" target="_blank">学外语，上北外！</a>
								</li>
								<li><span class="date">7/10</span>
									<a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
								</li>
								<li><span class="date">8/10</span>
									<a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
								</li>
								<li><span class="date">9/10</span>
									<a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="ptgg_right">
					<div class="txtScroll-top">
						<div class="hd"></div>
						<div class="bd" style="margin-left: 20px;">
							<i class="iconfont icon-tongzhimb"></i>
							<ul class="infoList">
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">第五次全国金融工作会议-互联网金融众筹那些事儿 </a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">口语：会说中文就能说英语！</a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">农场摘菜不如在线学外语好玩</a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">数理化老师竟也看学习资料？</a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">学英语送ipad2,45天突破听说</a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.baidu.com" target="_blank">学外语，上北外！</a>
								</li>
								<li><span class="date">4/17</span>
									<a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 项目情况 -->
		<div class="tj">
			<div class="center">
				<div class="xm_list">
					<div class="xm_ltem" style="float: left;">
						<a href="/productShow/">
							<img src="images/show_bg1.png" />
							<img src="images/show_1.png" class="show1" />
							<p><img src="images/show_txt1.png" /></p>
						</a>
					</div>
					<div class="xm_ltem" style="float: right;">
						<a href="/zczyItem/transactionalOne/">
							<img src="images/show_bg2.png" />
							<img src="images/show_2.png" class="show1" />
							<p><img src="images/show_txt2.png" /></p>
						</a>
					</div>
				</div>
				<div class="xm_list">
					<ul class="xm_num">
						<li style="text-align: left;">
							<i id="myTargetElement" th:text="${integer}" ></i> 项目总数
						</li>
						<li>
							<i id="myTargetElement2">17637897</i> 预约金额
						</li>
						<li>
							<i id="myTargetElement3">10084</i> 支持人次
						</li>
						<li style="text-align:right;">
							<i id="myTargetElement4">159901309</i> 支持金额
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 合作伙伴 -->
		<div class="tj five">
			<div class="index_bottom">
				<span class="index_bottom_list">合作伙伴</span>
			</div>
			<div class="center">
				<!-- 下 -->
				<div class="idex_bt">
					<div class="cp">
						<ul class="login_msg">
							<li style="margin-left:0px;">
								<a href="http://www.zczyw.com/#">
									<img src="images/hexin.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/pufa.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/rongbao.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/shouhang.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/tonglian.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/yatai.jpg">
								</a>
							</li>
							<li>
								<a href="http://www.zczyw.com/#">
									<img src="images/yatai.jpg">
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!-- 风险揭示 -->
		<div class="tj five">
			<div class="index_bottom">
				<span class="index_bottom_list">投资风险揭示书</span>
			</div>
			<div style="padding:45px 0;font-size:16px;line-height:30px;text-align: center;color: #646464;"> 任何股权投资都具有一定风险，请仔细阅读相关投资细则，全面了解相关法律法规，根据自身的投资目的、投资期限、投资经验、资产状况等判断是否具备相应的投资风险承受能力。<br> 本众筹平台对发布、转载、分享的股权众筹项目，不对所包含内容的真实性、合法性、准确性、完整性、可靠性或完善性提供任何明示或暗示的保证，仅供投资者参考，本众筹平台将不承担任何责任。 </div>
		</div>
		<!-- footer -->
		<footer>
			<div class="w clearfix">
				<div class="lg_footer clearfix">
					<div class="sm_footer">
						<div class="gplz">
							<div class="gplz_lj">
								<ul class="" style="">
									<li>
										<a href="http://www.zczyw.com/help/index/id/1">关于我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/2">联系我们</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/7">众筹课堂</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/3">注册协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/4">发起人协议</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/5">发起人须知</a>
									</li>
									<li> |</li>
									<li>
										<a href="http://www.zczyw.com/help/index/id/6">支持者须知</a>
									</li>
								</ul>
								<p>©2015众筹中原All rights resrved河南华晟网络科技股份有限公司 版权所有 豫ICP备 15010915号</p>
								<p style="margin-top: 14px;">中华人民共和国增值电信业务经营许可证 经营许可证编号：豫B2-20180042</p>
							</div>
						</div>
						<div class="trusted-icon">
							<a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
								<img src="images/icp.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
								<img src="images/shangbiaozheng.png" alt="">
							</a>
							<a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
								<img src="images/zhuzuoquan.png" alt="">
							</a>
							<a href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc" target="_blank">
								<img src="images/gongshang.png" alt="河南工商">
							</a>
							<a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
								<!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
								<img border="0" src="images/360.png">
							</a>
							<a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" target="_blank">
								<img src="images/china.png" alt="信用中国">
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- 侧边栏 -->
		<div class="side">

		</div>
		<!--弹窗-->
		<div class="popBox" style="display:none;">
			<div class="popMain">
				<h3 class="title">绑定手机号 <span>x</span></h3>
				<div class="smPanel" style="padding-left: 70px;">

					<div class="ltem_1">
						<span class="list_head">手机号：</span>
						<label>
							<input type="text">						
						</label>
					</div>
					<div class="ltem_1">
						<span class="list_head">验证码：</span>
						<label>
							<input type="text">						
						</label>
						<a href="###" class="yzm">发送验证码</a>
					</div>
					<div class="ltem_1">
						<span class="list_head ltem" style="padding-bottom: 0;">
							
						</span>

					</div>
					<div class="buttonBox" style="width:250px;padding-bottom: 50px; margin-left: 7em;margin-top: 30px;margin: 0 auto;">
						<a class="gradient">提交</a>

					</div>

				</div>
			</div>
		</div>
		<!--控制新闻翻动-->
		<!--<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>-->
		<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript">
			jQuery(".slideBox").slide({ mainCell: ".bd ul", autoPlay: true });
		</script>
		<script>
			jQuery(".txtScroll-top").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true, vis: 1 });
		</script>
		<!--控制数字滚动-->
		<script type="text/javascript" src="/js/countUp.min.js"></script>
		<script type="text/javascript" th:inline="javascript">
			var options = {
				useEasing: true,
				useGrouping: true,
				separator: ',',
				decimal: '.',
				prefix: '',
				suffix: ''
			};
			var demo = new CountUp("myTargetElement", 0, th:text="${integer}", 0, 2.5, options);
			var demo2 = new CountUp("myTargetElement2", 0, 17637897, 0, 2, options);
			var demo3 = new CountUp("myTargetElement3", 0, 10084, 0, 2, options);
			var demo4 = new CountUp("myTargetElement4", 0, 159901309, 0, 2, options);
			$(window).scroll(function() {
				if($(window).scrollTop() >= 250) {
					demo.start();
					demo2.start();
					demo3.start();
					demo4.start();
				}
			})
		</script>
	</body>

</html>